<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    //程序从上往下执行，当遇到同步任务，会直接在执行栈中执行，当遇到异步任务会先放到任务队列
    // 中等待执行，执行栈的代码执行完毕后，在事件循环机制下，每隔一个很短的时间去检查任务队列中
    // 是否还有未执行的异步任务，如果有则取出最先放入任务队列一个异步任务放入执行栈开始执行，4
    // 由于事件循环机制
    console.log(1);
    setTimeout(() => {
        console.log(2);
    }, 100)
    console.log(3);
</script>